<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Document</title>
    <link rel="icon" type="image/png" sizes="16x16" href="../image/favicon.png">
    <link href="/bootstrap-3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="../js/tools/shell.js"></script>
</head>

<body>
    <div class="layui-fluid">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="page-header">
                    <h1>
                        数据中心
                        <small>黑广播查询</small>
                    </h1>
                </div>
                <div class="row clearfix">
                    <!-- 导航区 -->
                    <div class="col-md-2 column">
                        <ul class="nav nav-pills nav-stacked">
                            <li style="text-align:center">
                                <a href="/index.html" class="layui-icon layui-icon-home">　返回大屏</a>
                            </li>
                            <li>
                                <a href="./con_bigdata.html">大数据分析</a>
                            </li>
                            <li class="active">
                                <a href="#">黑广播查询</a>
                            </li>
                            <li>
                                <a href="/new_control/con_mobile.html">工作管理</a>
                            </li>
                            <li>
                                <a href="/new_control/con_setting.html">控制中心</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-10 column">
                        <div class="tabbable" id="tabs-241950">
                            <ul class="nav nav-tabs">
                                <li class="active">
                                    <a href="#panel-759328" data-toggle="tab">条件检索</a>
                                </li>
                                <li>
                                    <a onclick="hide()" href="#panel-212124" data-toggle="tab">地点检索</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="panel-759328">
                                    <div style="padding: 20px; background-color: #F2F2F2;">
                                        <div class="layui-row layui-col-space15">
                                            <!----------------- 条件选择器 ---------------------->
                                            <div class="layui-col-md12">
                                                <div class="layui-card">
                                                    <div class="layui-card-header">筛选条件</div>
                                                    <form id="option_select" class="layui-form" action="">
                                                        <!-- 黑广播种类 -->
                                                        <div class="layui-form-item">
                                                            <div class="layui-row" style="position: relative;top:15px">
                                                                <div class="layui-col-md4">
                                                                    <label style="width:100px"
                                                                        class="layui-form-label">黑广播内容</label>
                                                                    <div style="width:180px" class="layui-input-block">
                                                                        <select name="category" 　lay-verify="">
                                                                            <option value="0">全部</option>
                                                                            <option v-cloak v-for="cate in category"
                                                                                :value="cate.id">{{ cate.name
                                                                            }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-col-md4">
                                                                    <label style="width:100px"
                                                                        class="layui-form-label">开始时间</label>
                                                                    <div style="width:200px" 　class="layui-input-block">
                                                                        <input id="starttime" type="text" name="s_time"
                                                                            required lay-verify="required"
                                                                            placeholder="请输入标题" autocomplete="off"
                                                                            class="layui-input" readonly>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-col-md4">
                                                                    <label style="width:100px"
                                                                        class="layui-form-label">频点: </label>
                                                                    <div style="width: 200px" class="layui-input-block">
                                                                        <input class="layui-input" type="text"
                                                                            placeholder='例：88.6' name="freq" required>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="layui-form-item">
                                                            <div class="layui-row">
                                                                <div class="layui-col-md4">
                                                                    <label style="width:100px"
                                                                        class="layui-form-label">上报设备</label>
                                                                    <div style="width:180px" class="layui-input-block">
                                                                        <select name="mobile">
                                                                            <option value="0">全部</option>
                                                                            <option v-for="phe in phone"
                                                                                :value="phe.mobile">{{ phe.name 
                                                                            }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-col-md4">
                                                                    <label style="width:100px"
                                                                        class="layui-form-label">结束时间</label>
                                                                    <div style="width:200px" class="layui-input-block">
                                                                        <input id="endtime" type="text" name="e_time"
                                                                            required lay-verify="required"
                                                                            placeholder="请输入标题" autocomplete="off"
                                                                            class="layui-input" readonly>
                                                                    </div>
                                                                </div>
                                                                <div class="layui-col-md4"
                                                                    style="position: absolute;left: 75%">
                                                                    <button class="layui-btn layui-bg-blue" lay-submit
                                                                        lay-filter="selectFrom">检索
                                                                    </button>
                                                                    <button type="reset"
                                                                        class="layui-btn layui-btn-primary">重置
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                            <div class="layui-col-md6">
                                                <!----------------- 表格一 ------------------------->
                                                <div class="layui-card">
                                                    <div class="layui-card-header">广播列表</div>
                                                    <div class="layui-card-body">
                                                        <table class="layui-table" lay-skin="line" lay-size="sm"
                                                            id="tb_blackbroad1" lay-filter="tb_blackbroad1">
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                            <!----------------------------------------------------------------- 地图 ----------------------------------------------------->
                                            <div class="layui-col-md6">
                                                <div class="layui-card">
                                                    <div class="layui-card-header">广播位置</div>
                                                    <div class="layui-card-body">
                                                        <div id="map"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane active" id="panel-212124">
                                    <div id="place_chios" style="display: none">
                                        <div style="padding: 20px; background-color: #F2F2F2;">
                                            <div class="layui-row layui-col-space15">
                                                <!------------------------------------------------- 地图２ -------------------------------->
                                                <div class="layui-col-md12">
                                                    <div class="layui-card">
                                                        <div class="layui-card-header">点击行政区域检索</div>
                                                        <div class="layui-card-body">
                                                            <div id="map2"></div>
                                                            <div class="input-card">
                                                                <h1>当前区域:</h1><span id="thisd"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!------------------------------------------------- 时间范围 --------------------------------->
                                                <div class="layui-col-md12">
                                                    <div class="layui-card">
                                                        <!-------------------------------------------- 时间选择器标题 ------------------------------->
                                                        <div class="layui-card-header">
                                                            <div class="row clearfix">
                                                                <div class="col-md-9 column">
                                                                    时间选择器
                                                                </div>
                                                                <div class="col-md-3 column">
                                                                    <div id="text"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-------------------------------------------- 时间选择器 ---------------------------------->
                                                        <div class="layui-card-body">
                                                            <div id="slideTest1"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!----------------- 表格二 ------------------------>
                                                <div class="layui-col-md12">
                                                    <div class="layui-card">
                                                        <div class="layui-card-body">
                                                            <div class="layui-table" id="tb_blackbroad2" lay-skin="line"
                                                                lay-size="lg" lay-filter="tb_blackbroad2"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--  -->
                                                <script type="text/html" id="edit_info">
                                                    <button class="layui-btn layui-btn-radius layui-btn-sm"
                                                        lay-event="edit">修改
                                                    </button>
                                                </script>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--------------------------------- 脚本 --------------------------------->
    <!-- jquery -->
    <script src="../js/shell/jquery.min.js" type="text/javascript"></script>
    <script src="../js/utils/shell.js" type="text/javascript"></script>
    <script src="../layui/layui.js" type="text/javascript"></script>
    <script src="//webapi.amap.com/loca?v=1.3.2&key=53d9330efb4cb3ce512a46f93728a097" type="text/javascript"></script>
    <script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=53d9330efb4cb3ce512a46f93728a097&plugin=Map3D,AMap.DistrictLayer,AMap.Scale,AMap.ToolBar">
    </script>
    <script src="//webapi.amap.com/loca?v=1.3.2&key=53d9330efb4cb3ce512a46f93728a097" type="text/javascript"></script>
    <script src="../js/shell/adcodes.js"></script>
    <script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
    <!--------------------------------- 自定义脚本 ---------------------------->
    <!--压缩js-->
    <!--layui-->
    <script src="../js/compress/tool/layuiToolCompress.js"></script>
    <!--地图-->
    <script src="../js/compress/con_blackbroad/mainMapShellCompress.js"></script>
    <!-- 其他功能js -->
    <script src="../js/compress/con_blackbroad/mainFunctionShellCompress.js"></script>
    <!--源js-->
    <!--layui组件-->
    <!-- <script src="../js/tools/LayuiTool.js"></script> -->
    <!-- 地图 -->
    <!-- <script src="../js/con_blackbroad/map.js" type="text/javascript"></script> -->
    <!-- 其他功能js -->
    <!-- <script src="../js/con_blackbroad/mainFunctionShell.js"></script> -->
</body>

</html>